<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h3>工作经历</h3>
		<hr >
		<div id="divId">
			<tr>
				<td>公司名称：<input type="" name="" id="" value="" /></td>				
		        <td>职位：<input type="" name="" id="" value="" /></td>
				<a href="#" onclick="one();">删除工作经历</a>
				<br>
				<br>
				<div id="one" >
					<tr>
						<td>工作职责及工作内容描述：<textarea rows="10" cols="100" style="vertical-align: middle;">
							
						</textarea></td>
					</tr>
				</div>
				<hr >
				<a href="#" style="text-align: right;" onclick="two();">添加工作经历</a>
		</div>
	</body>
	<script type="text/javascript">
		function two(){
			var divobj=document.getElementById('divId');
		    divobj.innerHTML+=`<div id="divId">
			<tr>
				<td>公司名称：<input type="" name="" id="" value="" /></td>				
		        <td>职位：<input type="" name="" id="" value="" /></td>
				<a href="">删除工作经历</a>
				<br>
				<br>
				<div id="one" >
					<tr>
						<td>工作职责及工作内容描述：<textarea rows="10" cols="100" style="vertical-align: middle;">
							
						</textarea></td>
					</tr>
				</div>
				<hr >
				<a href="" style="text-align: right;" onclick="two();">添加工作经历</a>
		</div>`
		
		}
		function one(){
			var div1obj=document.getElementById('divId');
			var div2obj=document.getElementById('one');
			div1obj.removeChild(div2obj);
		}
	</script>
	
</html>
